
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - criação</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in(201,422,400), but actually found 502<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">24063</td>
		    	<td class="value error-col-3 total ko">45.514 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">j.i.IOException: Premature close<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">20014</td>
		    	<td class="value error-col-3 total ko">37.856 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">Request timeout to localhost/127.0.0.1:9999 after 60000 ms<span class="value" style="display:none">2</span></td>
		    	<td class="value error-col-2 total ko">8178</td>
		    	<td class="value error-col-3 total ko">15.468 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">i.n.c.ConnectTimeoutException: connection timed out: localhost/127.0.0.1:9999<span class="value" style="display:none">3</span></td>
		    	<td class="value error-col-2 total ko">448</td>
		    	<td class="value error-col-3 total ko">0.847 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in(201,422,400), but actually found 200<span class="value" style="display:none">4</span></td>
		    	<td class="value error-col-2 total ko">121</td>
		    	<td class="value error-col-3 total ko">0.229 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in(201,422,400), but actually found 504<span class="value" style="display:none">5</span></td>
		    	<td class="value error-col-2 total ko">45</td>
		    	<td class="value error-col-3 total ko">0.085 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_criac-a-o-ce502'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['300', '900', '1500', '2101', '2701', '3301', '3901', '4501', '5101', '5702', '6302', '6902', '7502', '8102', '8702', '9303', '9903', '10503', '11103', '11703', '12303', '12904', '13504', '14104', '14704', '15304', '15905', '16505', '17105', '17705', '18305', '18905', '19506', '20106', '20706', '21306', '21906', '22506', '23107', '23707', '24307', '24907', '25507', '26107', '26708', '27308', '27908', '28508', '29108', '29708', '30309', '30909', '31509', '32109', '32709', '33309', '33910', '34510', '35110', '35710', '36310', '36910', '37511', '38111', '38711', '39311', '39911', '40511', '41112', '41712', '42312', '42912', '43512', '44112', '44713', '45313', '45913', '46513', '47113', '47714', '48314', '48914', '49514', '50114', '50714', '51315', '51915', '52515', '53115', '53715', '54315', '54916', '55516', '56116', '56716', '57316', '57916', '58517', '59117', '59717'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  1.73,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.04,0.13,0.24,0.38,0.38,0.22,0.04,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  57.87,1.34,1.06,0.71,0.71,1.08,0.56,1.76,0.36,0.74,1.03,0.99,2.05,2.63,2.52,1.95,2.05,1.21,0.23,0.28,0.02,0.19,0.0,0.0,0.0,0.02,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.04,0.06,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,15.05
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692814092,null],[1692814093,null],[1692814094,null],[1692814095,null],[1692814096,[23,23,23,23,23,23,23,23,23,23]],[1692814097,null],[1692814098,null],[1692814099,null],[1692814100,null],[1692814101,null],[1692814102,[5,5,5,5,5,5,5,5,5,5]],[1692814103,null],[1692814104,[5,8,12,15,16,16,17,18,18,19]],[1692814105,[6,6,6,6,6,6,6,6,6,7]],[1692814106,[11,11,11,11,11,11,11,11,11,11]],[1692814107,[7,7,7,7,7,7,7,7,7,7]],[1692814108,[5,5,5,5,5,5,5,5,5,5]],[1692814109,[6,6,6,6,6,6,6,6,6,6]],[1692814110,null],[1692814111,null],[1692814112,[7,7,7,7,7,7,7,7,7,7]],[1692814113,[5,5,5,5,5,5,5,5,5,5]],[1692814114,[5,5,6,6,6,6,6,6,6,7]],[1692814115,[7,7,7,7,7,7,7,7,7,7]],[1692814116,null],[1692814117,[4,4,5,15,17,19,21,22,24,25]],[1692814118,[4,4,5,5,5,5,5,5,5,6]],[1692814119,[7,8,9,10,11,11,11,11,11,12]],[1692814120,[5,5,5,5,5,5,5,5,5,5]],[1692814121,[4,4,5,5,5,5,5,5,5,5]],[1692814122,[4,4,5,6,6,6,6,6,6,7]],[1692814123,[4,4,6,6,6,6,6,6,6,6]],[1692814124,[4,4,5,5,5,5,5,5,5,6]],[1692814125,[4,4,4,5,5,5,5,5,5,6]],[1692814126,[3,4,6,13,14,15,17,18,19,20]],[1692814127,[5,5,6,7,7,8,10,11,12,13]],[1692814128,[3,3,4,5,6,6,6,6,6,7]],[1692814129,[3,3,4,4,4,4,4,4,4,5]],[1692814130,[3,3,3,4,4,4,5,5,5,6]],[1692814131,[2,3,4,4,4,4,5,6,6,7]],[1692814132,[2,3,3,4,4,4,4,4,4,4]],[1692814133,[2,2,3,4,4,4,4,4,4,5]],[1692814134,[2,2,3,3,4,4,4,5,5,6]],[1692814135,[2,3,3,4,4,4,4,4,4,4]],[1692814136,[2,3,3,4,4,4,4,5,5,5]],[1692814137,[2,2,3,3,4,6,7,8,8,9]],[1692814138,[3,4,4,4,5,5,5,5,5,6]],[1692814139,[2,4,4,4,4,4,5,6,6,7]],[1692814140,[2,3,3,5,6,6,6,6,6,7]],[1692814141,[3,4,6,7,8,8,9,11,13,14]],[1692814142,[2,3,6,16,19,21,27,28,72,84]],[1692814143,[3,4,4,6,7,8,11,13,13,14]],[1692814144,[4,5,7,8,8,10,10,14,19,21]],[1692814145,[2,3,4,4,4,5,6,7,7,7]],[1692814146,[2,3,3,4,4,4,4,5,5,5]],[1692814147,[1,3,3,4,4,4,4,5,5,5]],[1692814148,[3,3,5,6,7,7,7,16,21,23]],[1692814149,[2,4,4,8,9,10,10,13,21,24]],[1692814150,[2,3,3,4,4,4,4,4,4,4]],[1692814151,[2,3,4,4,4,5,5,5,5,5]],[1692814152,[2,2,4,6,6,6,9,12,12,13]],[1692814153,[1,3,3,4,4,4,4,9,23,27]],[1692814154,[2,3,4,5,5,6,8,12,20,23]],[1692814155,[2,3,4,4,4,5,5,6,11,13]],[1692814156,[2,3,4,4,4,4,4,4,4,4]],[1692814157,[2,3,3,4,5,5,6,6,7,7]],[1692814158,[1,2,3,4,5,5,6,7,22,27]],[1692814159,[2,2,3,3,4,4,4,9,11,12]],[1692814160,[1,2,2,3,3,3,4,4,9,11]],[1692814161,[2,2,3,3,4,4,4,5,6,6]],[1692814162,[2,2,3,4,4,4,4,5,6,7]],[1692814163,[1,2,3,4,5,6,7,8,13,15]],[1692814164,[2,3,4,4,4,6,6,13,21,21]],[1692814165,[2,3,3,5,5,5,6,8,9,10]],[1692814166,[2,3,6,11,11,12,15,21,23,23]],[1692814167,[2,3,4,5,5,5,8,10,10,10]],[1692814168,[2,4,5,5,6,6,7,18,40,46]],[1692814169,[2,3,5,6,7,9,12,17,19,20]],[1692814170,[3,3,3,4,4,4,4,4,4,4]],[1692814171,[2,2,2,2,2,2,2,2,2,2]],[1692814172,null],[1692814173,null],[1692814174,null],[1692814175,null],[1692814176,null],[1692814177,null],[1692814178,null],[1692814179,null],[1692814180,null],[1692814181,null],[1692814182,[2,2,3,3,3,3,3,3,3,3]],[1692814183,[1,2,2,3,3,3,3,3,3,4]],[1692814184,[2,2,2,2,2,2,2,2,2,2]],[1692814185,null],[1692814186,null],[1692814187,null],[1692814188,null],[1692814189,null],[1692814190,null],[1692814191,null],[1692814192,null],[1692814193,null],[1692814194,null],[1692814195,null],[1692814196,null],[1692814197,null],[1692814198,null],[1692814199,null],[1692814200,null],[1692814201,null],[1692814202,null],[1692814203,null],[1692814204,null],[1692814205,null],[1692814206,null],[1692814207,null],[1692814208,null],[1692814209,null],[1692814210,null],[1692814211,null],[1692814212,null],[1692814213,null],[1692814214,null],[1692814215,null],[1692814216,null],[1692814217,null],[1692814218,null],[1692814219,null],[1692814220,null],[1692814221,null],[1692814222,null],[1692814223,null],[1692814224,null],[1692814225,null],[1692814226,null],[1692814227,null],[1692814228,null],[1692814229,null],[1692814230,null],[1692814231,null],[1692814232,null],[1692814233,null],[1692814234,null],[1692814235,null],[1692814236,null],[1692814237,null],[1692814238,null],[1692814239,null],[1692814240,null],[1692814241,null],[1692814242,null],[1692814243,null],[1692814244,null],[1692814245,null],[1692814246,null],[1692814247,null],[1692814248,null],[1692814249,null],[1692814250,null],[1692814251,null],[1692814252,null],[1692814253,null],[1692814254,null],[1692814255,[9473,9719,10403,10733,10763,10967,11096,11300,12120,12543]],[1692814256,[8495,8820,9119,9822,10149,10303,10374,10765,12135,12275]],[1692814257,[8780,8972,9811,10615,10970,11104,11196,12649,13116,13160]],[1692814258,[8023,9180,9770,10020,10100,10144,10209,10296,11733,11744]],[1692814259,[7929,10461,10682,11004,11054,11092,11138,11202,11218,11220]],[1692814260,[9673,9905,10176,10376,10493,10851,11094,11145,11600,11604]],[1692814261,[9332,10459,10803,11297,11356,11383,11424,11440,12179,12569]],[1692814262,[9180,9572,9796,10336,10366,10421,10736,11148,11570,11604]],[1692814263,[9377,9593,9906,10187,10331,10565,10686,10965,11232,11376]],[1692814264,[8778,8979,10113,10735,10911,11202,11707,12199,12245,12258]],[1692814265,[8933,10132,10413,10927,10989,11049,11155,11753,11828,11854]],[1692814266,[9189,10228,10463,10683,10752,10794,10816,10864,11050,11097]],[1692814267,[9141,9309,9350,9382,9390,9493,9596,10100,10503,10604]],[1692814268,null],[1692814269,null],[1692814270,null],[1692814271,null],[1692814272,null],[1692814273,null],[1692814274,[4652,4652,4652,4652,4652,4652,4652,4652,4652,4652]],[1692814275,null],[1692814276,null],[1692814277,null],[1692814278,null],[1692814279,null],[1692814280,null],[1692814281,[1,1,1,2,2,3,3,3,3,4]],[1692814282,[1,1,1,1,2,2,2,2,2,2]],[1692814283,null],[1692814284,null],[1692814285,null],[1692814286,null],[1692814287,null],[1692814288,null],[1692814289,null],[1692814290,null],[1692814291,null],[1692814292,null],[1692814293,null],[1692814294,null],[1692814295,null],[1692814296,null],[1692814297,null],[1692814298,null],[1692814299,null],[1692814300,null],[1692814301,null],[1692814302,null],[1692814303,null],[1692814304,null],[1692814305,null],[1692814306,null],[1692814307,null],[1692814308,null],[1692814309,null],[1692814310,null],[1692814311,null],[1692814312,null],[1692814313,null],[1692814314,null],[1692814315,null],[1692814316,null],[1692814317,null],[1692814318,null],[1692814319,null],[1692814320,null],[1692814321,null],[1692814322,null],[1692814323,null],[1692814324,null],[1692814325,null],[1692814326,null],[1692814327,null],[1692814328,null],[1692814329,null],[1692814330,null],[1692814331,null],[1692814332,null],[1692814333,null],[1692814334,null],[1692814335,null],[1692814336,null],[1692814337,null],[1692814338,null],[1692814339,null],[1692814340,null],[1692814341,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692814092,[2,0,2]],[1692814093,[2,0,2]],[1692814094,[2,0,2]],[1692814095,[2,0,2]],[1692814096,[2,1,1]],[1692814097,[2,0,2]],[1692814098,[2,0,2]],[1692814099,[2,0,2]],[1692814100,[2,0,2]],[1692814101,[2,0,2]],[1692814102,[4,1,3]],[1692814103,[1,0,1]],[1692814104,[8,2,6]],[1692814105,[2,2,0]],[1692814106,[5,1,4]],[1692814107,[7,1,6]],[1692814108,[8,1,7]],[1692814109,[9,1,8]],[1692814110,[1,0,1]],[1692814111,[3,0,3]],[1692814112,[6,1,5]],[1692814113,[3,1,2]],[1692814114,[3,2,1]],[1692814115,[3,1,2]],[1692814116,[6,0,6]],[1692814117,[12,3,9]],[1692814118,[9,2,7]],[1692814119,[13,2,11]],[1692814120,[16,1,15]],[1692814121,[20,7,13]],[1692814122,[22,4,18]],[1692814123,[26,5,21]],[1692814124,[29,3,26]],[1692814125,[33,9,24]],[1692814126,[36,3,33]],[1692814127,[39,7,32]],[1692814128,[42,6,36]],[1692814129,[45,6,39]],[1692814130,[50,11,39]],[1692814131,[52,8,44]],[1692814132,[56,5,51]],[1692814133,[58,10,48]],[1692814134,[62,11,51]],[1692814135,[66,7,59]],[1692814136,[69,16,53]],[1692814137,[72,16,56]],[1692814138,[75,14,61]],[1692814139,[79,11,68]],[1692814140,[82,11,71]],[1692814141,[86,11,75]],[1692814142,[88,22,66]],[1692814143,[92,14,78]],[1692814144,[95,14,81]],[1692814145,[99,15,84]],[1692814146,[102,19,83]],[1692814147,[105,13,92]],[1692814148,[108,21,87]],[1692814149,[112,23,89]],[1692814150,[115,26,89]],[1692814151,[118,19,99]],[1692814152,[122,19,103]],[1692814153,[124,17,107]],[1692814154,[129,16,113]],[1692814155,[131,27,104]],[1692814156,[135,30,105]],[1692814157,[138,26,112]],[1692814158,[142,26,116]],[1692814159,[144,26,118]],[1692814160,[148,26,122]],[1692814161,[152,24,128]],[1692814162,[154,31,123]],[1692814163,[158,33,125]],[1692814164,[161,32,129]],[1692814165,[164,36,128]],[1692814166,[169,28,141]],[1692814167,[171,28,143]],[1692814168,[174,29,145]],[1692814169,[178,29,149]],[1692814170,[181,4,177]],[1692814171,[184,1,183]],[1692814172,[188,0,188]],[1692814173,[190,0,190]],[1692814174,[195,0,195]],[1692814175,[197,0,197]],[1692814176,[201,0,201]],[1692814177,[205,0,205]],[1692814178,[207,0,207]],[1692814179,[210,0,210]],[1692814180,[214,0,214]],[1692814181,[218,0,218]],[1692814182,[221,4,217]],[1692814183,[223,9,214]],[1692814184,[227,1,226]],[1692814185,[231,0,231]],[1692814186,[234,0,234]],[1692814187,[237,0,237]],[1692814188,[240,0,240]],[1692814189,[244,0,244]],[1692814190,[247,0,247]],[1692814191,[251,0,251]],[1692814192,[253,0,253]],[1692814193,[257,0,257]],[1692814194,[260,0,260]],[1692814195,[263,0,263]],[1692814196,[267,0,267]],[1692814197,[270,0,270]],[1692814198,[274,0,274]],[1692814199,[276,0,276]],[1692814200,[281,0,281]],[1692814201,[283,0,283]],[1692814202,[287,0,287]],[1692814203,[289,0,289]],[1692814204,[293,0,293]],[1692814205,[297,0,297]],[1692814206,[300,0,300]],[1692814207,[303,0,303]],[1692814208,[306,0,306]],[1692814209,[310,0,310]],[1692814210,[312,0,312]],[1692814211,[318,0,318]],[1692814212,[319,0,319]],[1692814213,[321,0,321]],[1692814214,[328,0,328]],[1692814215,[330,0,330]],[1692814216,[333,0,333]],[1692814217,[335,0,335]],[1692814218,[340,0,340]],[1692814219,[343,0,343]],[1692814220,[345,0,345]],[1692814221,[350,0,350]],[1692814222,[353,0,353]],[1692814223,[355,0,355]],[1692814224,[359,0,359]],[1692814225,[363,0,363]],[1692814226,[366,0,366]],[1692814227,[369,0,369]],[1692814228,[372,0,372]],[1692814229,[376,0,376]],[1692814230,[379,0,379]],[1692814231,[383,0,383]],[1692814232,[385,0,385]],[1692814233,[389,0,389]],[1692814234,[392,0,392]],[1692814235,[395,0,395]],[1692814236,[399,0,399]],[1692814237,[402,0,402]],[1692814238,[406,0,406]],[1692814239,[408,0,408]],[1692814240,[413,0,413]],[1692814241,[415,0,415]],[1692814242,[419,0,419]],[1692814243,[422,0,422]],[1692814244,[425,0,425]],[1692814245,[428,0,428]],[1692814246,[432,0,432]],[1692814247,[435,0,435]],[1692814248,[438,0,438]],[1692814249,[442,0,442]],[1692814250,[445,0,445]],[1692814251,[448,0,448]],[1692814252,[452,0,452]],[1692814253,[455,0,455]],[1692814254,[458,0,458]],[1692814255,[462,35,427]],[1692814256,[464,86,378]],[1692814257,[469,61,408]],[1692814258,[471,85,386]],[1692814259,[474,84,390]],[1692814260,[478,75,403]],[1692814261,[482,79,403]],[1692814262,[485,84,401]],[1692814263,[487,86,401]],[1692814264,[492,59,433]],[1692814265,[494,53,441]],[1692814266,[498,19,479]],[1692814267,[502,11,491]],[1692814268,[503,0,503]],[1692814269,[508,0,508]],[1692814270,[511,0,511]],[1692814271,[514,0,514]],[1692814272,[518,0,518]],[1692814273,[521,0,521]],[1692814274,[524,1,523]],[1692814275,[528,0,528]],[1692814276,[531,0,531]],[1692814277,[534,0,534]],[1692814278,[537,0,537]],[1692814279,[541,0,541]],[1692814280,[543,0,543]],[1692814281,[548,42,506]],[1692814282,[551,16,535]],[1692814283,[553,0,553]],[1692814284,[557,0,557]],[1692814285,[561,0,561]],[1692814286,[564,0,564]],[1692814287,[567,0,567]],[1692814288,[570,0,570]],[1692814289,[574,0,574]],[1692814290,[577,0,577]],[1692814291,[581,0,581]],[1692814292,[583,0,583]],[1692814293,[586,0,586]],[1692814294,[591,0,591]],[1692814295,[594,0,594]],[1692814296,[597,0,597]],[1692814297,[280,0,280]],[1692814298,[0,0,0]],[1692814299,[0,0,0]],[1692814300,[0,0,0]],[1692814301,[0,0,0]],[1692814302,[0,0,0]],[1692814303,[0,0,0]],[1692814304,[0,0,0]],[1692814305,[0,0,0]],[1692814306,[0,0,0]],[1692814307,[0,0,0]],[1692814308,[0,0,0]],[1692814309,[0,0,0]],[1692814310,[0,0,0]],[1692814311,[0,0,0]],[1692814312,[0,0,0]],[1692814313,[0,0,0]],[1692814314,[0,0,0]],[1692814315,[0,0,0]],[1692814316,[0,0,0]],[1692814317,[0,0,0]],[1692814318,[0,0,0]],[1692814319,[0,0,0]],[1692814320,[0,0,0]],[1692814321,[0,0,0]],[1692814322,[0,0,0]],[1692814323,[0,0,0]],[1692814324,[0,0,0]],[1692814325,[0,0,0]],[1692814326,[0,0,0]],[1692814327,[0,0,0]],[1692814328,[0,0,0]],[1692814329,[0,0,0]],[1692814330,[0,0,0]],[1692814331,[0,0,0]],[1692814332,[0,0,0]],[1692814333,[0,0,0]],[1692814334,[0,0,0]],[1692814335,[0,0,0]],[1692814336,[0,0,0]],[1692814337,[0,0,0]],[1692814338,[0,0,0]],[1692814339,[0,0,0]],[1692814340,[0,0,0]],[1692814341,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692814092,[0,0,0]],[1692814093,[0,0,0]],[1692814094,[0,0,0]],[1692814095,[0,0,0]],[1692814096,[1,1,0]],[1692814097,[0,0,0]],[1692814098,[0,0,0]],[1692814099,[0,0,0]],[1692814100,[0,0,0]],[1692814101,[0,0,0]],[1692814102,[1,1,0]],[1692814103,[0,0,0]],[1692814104,[2,2,0]],[1692814105,[2,2,0]],[1692814106,[1,1,0]],[1692814107,[1,1,0]],[1692814108,[1,1,0]],[1692814109,[1,1,0]],[1692814110,[0,0,0]],[1692814111,[0,0,0]],[1692814112,[1,1,0]],[1692814113,[1,1,0]],[1692814114,[2,2,0]],[1692814115,[1,1,0]],[1692814116,[0,0,0]],[1692814117,[3,3,0]],[1692814118,[2,2,0]],[1692814119,[2,2,0]],[1692814120,[1,1,0]],[1692814121,[7,7,0]],[1692814122,[6,4,2]],[1692814123,[7,5,2]],[1692814124,[5,3,2]],[1692814125,[11,9,2]],[1692814126,[4,3,1]],[1692814127,[9,7,2]],[1692814128,[8,6,2]],[1692814129,[8,6,2]],[1692814130,[12,10,2]],[1692814131,[11,9,2]],[1692814132,[8,5,3]],[1692814133,[11,10,1]],[1692814134,[17,11,6]],[1692814135,[7,7,0]],[1692814136,[20,16,4]],[1692814137,[22,16,6]],[1692814138,[21,14,7]],[1692814139,[19,11,8]],[1692814140,[12,11,1]],[1692814141,[14,11,3]],[1692814142,[23,22,1]],[1692814143,[14,14,0]],[1692814144,[14,14,0]],[1692814145,[15,15,0]],[1692814146,[19,19,0]],[1692814147,[13,13,0]],[1692814148,[21,21,0]],[1692814149,[22,22,0]],[1692814150,[26,26,0]],[1692814151,[20,20,0]],[1692814152,[21,19,2]],[1692814153,[20,17,3]],[1692814154,[19,16,3]],[1692814155,[28,27,1]],[1692814156,[33,30,3]],[1692814157,[29,26,3]],[1692814158,[29,26,3]],[1692814159,[29,26,3]],[1692814160,[27,26,1]],[1692814161,[27,24,3]],[1692814162,[34,31,3]],[1692814163,[35,33,2]],[1692814164,[36,32,4]],[1692814165,[36,36,0]],[1692814166,[32,27,5]],[1692814167,[34,29,5]],[1692814168,[45,28,17]],[1692814169,[45,30,15]],[1692814170,[145,4,141]],[1692814171,[184,1,183]],[1692814172,[187,0,187]],[1692814173,[190,0,190]],[1692814174,[194,0,194]],[1692814175,[198,0,198]],[1692814176,[201,0,201]],[1692814177,[204,0,204]],[1692814178,[207,0,207]],[1692814179,[211,0,211]],[1692814180,[214,0,214]],[1692814181,[216,0,216]],[1692814182,[214,4,210]],[1692814183,[216,9,207]],[1692814184,[246,1,245]],[1692814185,[255,0,255]],[1692814186,[267,0,267]],[1692814187,[269,0,269]],[1692814188,[276,0,276]],[1692814189,[282,0,282]],[1692814190,[287,0,287]],[1692814191,[294,0,294]],[1692814192,[305,0,305]],[1692814193,[304,0,304]],[1692814194,[311,0,311]],[1692814195,[323,0,323]],[1692814196,[320,0,320]],[1692814197,[326,0,326]],[1692814198,[335,0,335]],[1692814199,[342,0,342]],[1692814200,[353,0,353]],[1692814201,[355,0,355]],[1692814202,[356,0,356]],[1692814203,[367,0,367]],[1692814204,[375,0,375]],[1692814205,[380,0,380]],[1692814206,[384,0,384]],[1692814207,[394,0,394]],[1692814208,[394,0,394]],[1692814209,[382,0,382]],[1692814210,[416,0,416]],[1692814211,[418,0,418]],[1692814212,[422,0,422]],[1692814213,[228,0,228]],[1692814214,[443,0,443]],[1692814215,[581,0,581]],[1692814216,[423,0,423]],[1692814217,[510,0,510]],[1692814218,[422,0,422]],[1692814219,[494,0,494]],[1692814220,[421,0,421]],[1692814221,[510,0,510]],[1692814222,[453,0,453]],[1692814223,[515,0,515]],[1692814224,[461,0,461]],[1692814225,[494,0,494]],[1692814226,[472,0,472]],[1692814227,[552,0,552]],[1692814228,[508,0,508]],[1692814229,[504,0,504]],[1692814230,[425,0,425]],[1692814231,[381,0,381]],[1692814232,[402,0,402]],[1692814233,[390,0,390]],[1692814234,[387,0,387]],[1692814235,[399,0,399]],[1692814236,[385,0,385]],[1692814237,[413,0,413]],[1692814238,[405,0,405]],[1692814239,[387,0,387]],[1692814240,[411,0,411]],[1692814241,[404,0,404]],[1692814242,[444,0,444]],[1692814243,[439,0,439]],[1692814244,[333,0,333]],[1692814245,[349,0,349]],[1692814246,[24,0,24]],[1692814247,[45,0,45]],[1692814248,[22,0,22]],[1692814249,[191,0,191]],[1692814250,[206,0,206]],[1692814251,[52,0,52]],[1692814252,[63,0,63]],[1692814253,[24,0,24]],[1692814254,[215,0,215]],[1692814255,[84,0,84]],[1692814256,[663,0,663]],[1692814257,[9,0,9]],[1692814258,[757,0,757]],[1692814259,[0,0,0]],[1692814260,[894,0,894]],[1692814261,[201,0,201]],[1692814262,[679,0,679]],[1692814263,[28,0,28]],[1692814264,[371,0,371]],[1692814265,[66,63,3]],[1692814266,[93,71,22]],[1692814267,[88,59,29]],[1692814268,[136,81,55]],[1692814269,[0,0,0]],[1692814270,[150,142,8]],[1692814271,[102,96,6]],[1692814272,[52,39,13]],[1692814273,[149,140,9]],[1692814274,[160,13,147]],[1692814275,[39,39,0]],[1692814276,[425,55,370]],[1692814277,[425,18,407]],[1692814278,[1470,1,1469]],[1692814279,[1520,1,1519]],[1692814280,[2323,0,2323]],[1692814281,[1951,41,1910]],[1692814282,[595,17,578]],[1692814283,[553,0,553]],[1692814284,[557,0,557]],[1692814285,[561,0,561]],[1692814286,[562,0,562]],[1692814287,[569,0,569]],[1692814288,[570,0,570]],[1692814289,[574,0,574]],[1692814290,[575,0,575]],[1692814291,[583,0,583]],[1692814292,[583,0,583]],[1692814293,[582,0,582]],[1692814294,[594,0,594]],[1692814295,[594,0,594]],[1692814296,[598,0,598]],[1692814297,[280,0,280]],[1692814298,[0,0,0]],[1692814299,[0,0,0]],[1692814300,[0,0,0]],[1692814301,[0,0,0]],[1692814302,[0,0,0]],[1692814303,[0,0,0]],[1692814304,[0,0,0]],[1692814305,[0,0,0]],[1692814306,[0,0,0]],[1692814307,[0,0,0]],[1692814308,[0,0,0]],[1692814309,[1,0,1]],[1692814310,[0,0,0]],[1692814311,[0,0,0]],[1692814312,[0,0,0]],[1692814313,[0,0,0]],[1692814314,[0,0,0]],[1692814315,[147,0,147]],[1692814316,[367,0,367]],[1692814317,[337,0,337]],[1692814318,[369,0,369]],[1692814319,[391,0,391]],[1692814320,[401,0,401]],[1692814321,[379,0,379]],[1692814322,[384,0,384]],[1692814323,[378,0,378]],[1692814324,[287,0,287]],[1692814325,[276,0,276]],[1692814326,[135,0,135]],[1692814327,[39,0,39]],[1692814328,[0,0,0]],[1692814329,[0,0,0]],[1692814330,[0,0,0]],[1692814331,[0,0,0]],[1692814332,[0,0,0]],[1692814333,[1,0,1]],[1692814334,[0,0,0]],[1692814335,[0,0,0]],[1692814336,[0,0,0]],[1692814337,[0,0,0]],[1692814338,[0,0,0]],[1692814339,[0,0,0]],[1692814340,[0,0,0]],[1692814341,[266,0,266]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 1768.0, color: '#68b65c'},{name: 'KO', y: 52869.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[6,23],[6,6],[7,5],[7,6],[7,7],[8,5],[9,11],[10,7],[11,7],[12,18],[12,5],[13,6],[20,22],[21,5],[26,11],[30,5],[35,5],[37,6],[42,6],[47,5],[50,5],[55,18],[58,11],[62,6],[65,4],[71,5],[74,6],[79,4],[81,4],[86,5],[92,4],[94,5],[99,8],[102,5],[106,6],[110,6],[116,11],[118,28],[121,13],[127,14],[131,7],[135,5],[138,5],[142,16],[147,13],[150,4],[154,5],[159,12],[162,9],[167,12],[170,6],[175,4],[178,6],[183,7],[186,9],[191,4],[195,5],[198,5],[202,8],[207,13],[210,8],[216,21],[219,10],[223,18],[227,17],[231,4],[234,2],[279,3],[281,3],[287,2],[571,11300],[576,10765],[581,12649],[583,10296],[587,11202],[592,11145],[596,11440],[600,11148],[603,10965],[609,12199],[611,11753],[616,10864],[621,10100],[648,4652],[676,3],[681,2]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[5,30006],[5,30005],[6,30034],[6,30015],[6,30010],[6,30014],[6,30009],[6,30012],[6,30010],[6,30007],[6,30016],[6,30023],[7,30025],[7,40648],[7,40575],[7,40821],[8,30036],[9,30013],[10,40353],[10,41879],[11,30020],[12,30021],[12,30017],[13,30027],[20,44153],[21,45899],[26,47783],[30,48903],[35,60001],[37,60001],[42,60001],[47,60003],[50,60001],[55,60001],[58,60001],[62,60001],[65,60001],[71,60000],[74,60004],[79,60000],[81,60000],[86,60001],[92,60001],[94,60001],[99,60000],[102,60001],[106,60001],[110,60000],[116,60003],[118,60001],[121,60002],[127,60004],[131,60003],[135,60001],[138,60002],[142,60002],[147,60004],[150,60002],[154,60001],[159,60001],[162,60008],[167,60001],[170,60001],[175,60006],[178,60001],[183,60001],[186,60001],[191,60000],[195,60000],[198,60001],[202,60001],[207,60001],[210,60001],[216,60001],[219,60001],[223,60001],[227,60000],[231,60000],[234,2],[239,2],[242,3],[248,2],[250,4],[255,2],[260,3],[262,3],[266,2],[270,2],[277,5],[279,60000],[281,60001],[287,8],[292,2],[295,1],[298,2],[303,2],[307,1],[311,1],[315,11],[319,1],[323,1],[327,2],[330,3],[336,2],[339,1],[343,2],[344,1],[347,3],[351,1],[355,24],[360,3],[362,7],[367,10],[372,34],[376,1],[379,30],[382,17],[387,59],[389,29],[398,5],[398,2],[401,901],[410,744],[411,295],[416,288],[418,65],[424,204],[427,91],[430,183],[436,108],[440,187],[442,149],[447,131],[453,158],[455,339],[459,250],[464,157],[467,138],[471,185],[477,144],[479,115],[482,112],[488,86],[491,135],[496,145],[499,105],[504,119],[507,121],[512,171],[515,248],[520,301],[524,391],[527,925],[531,6259],[536,11402],[539,10814],[543,9917],[548,10742],[552,9796],[556,9313],[559,9841],[564,9061],[568,9995],[571,60000],[576,60001],[581,60000],[583,60001],[587,60001],[592,60001],[596,60001],[600,60001],[603,60003],[609,60001],[611,60002],[616,60000],[621,60000],[622,10433],[628,9907],[631,10451],[637,9238],[640,8667],[643,8383],[648,6425],[653,7285],[656,4593],[659,3909],[664,2895],[668,1860],[671,1355],[676,60000],[681,60000],[683,3],[688,2],[692,1],[697,1],[700,2],[703,1],[708,1],[712,2],[717,1],[720,2],[722,29],[730,8],[733,3],[737,2]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
